<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head>
    <meta charset="UTF-8">
    <title>浪潮锦州项目组工作系统</title>
    <link rel="stylesheet" href="/css/home.css">
    <script src="/js/home.js"></script>
</head>

<body>
    <!-- 顶部导航栏 -->
    <nav class="top-navbar">
        <div class="logo">
            <span class="logo-icon">🏛️</span>
            <span class="system-title">浪潮锦州项目组工作系统</span>
        </div>
        <div class="user-info">
            <span class="user-name">欢迎您，<span sec:authentication="name"></span></span>
            <a href="javascript:void(0)" onclick="loadChangePassword()" class="change-password-link">修改密码</a>
            <form class="logout-form" th:action="@{/logout}" method="post">
                <button type="submit" class="logout-btn">退出登录</button>
            </form>
        </div>
    </nav>

    <!-- 主体容器 -->
    <div class="main-container">
        <!-- 左侧导航栏 -->
        <aside class="sidebar">
            <ul class="sidebar-menu">
                <!-- 扩展要素上报菜单 -->
                <li class="menu-item has-children">
                    <input type="checkbox" id="menu-expand-report" class="menu-checkbox" checked>
                    <label for="menu-expand-report" class="menu-label">扩展要素上报</label>
                    <ul class="submenu">
                        <li><a href="javascript:void(0)" onclick="loadCatalogRelation()">认领目录列表</a></li>
                        <li><a href="javascript:void(0)" onclick="loadUpDataCatalog()">上报目录列表</a></li>
                    </ul>
                </li>
                <!-- 数据直达注册菜单 -->
                <li class="menu-item has-children">
                    <input type="checkbox" id="menu-direct-data" class="menu-checkbox" checked>
                    <label for="menu-direct-data" class="menu-label">数据直达管理</label>
                    <ul class="submenu">
                        <li><a href="javascript:void(0)" onclick="showDevelopingFeature('系统直达列表')">系统直达列表</a></li>
                        <li><a href="javascript:void(0)" onclick="showDevelopingFeature('目录直达列表')">目录直达列表</a></li>
                        <li><a href="javascript:void(0)" onclick="showDevelopingFeature('库表直达列表')">库表直达列表</a></li>
                        <li><a href="javascript:void(0)" onclick="showDevelopingFeature('文件直达列表')">文件直达列表</a></li>
                        <li><a href="javascript:void(0)" onclick="showDevelopingFeature('接口直达列表')">接口直达列表</a></li>
                    </ul>
                </li>
            </ul>
        </aside>

        <!-- 内容区域 -->
        <main class="content">
            <div class="breadcrumb">
                <a href="/home">首页</a> > <span id="breadcrumb-text">系统主页</span>
            </div>

            <div class="content-header">
                <h2 id="page-title">系统主页</h2>
            </div>

            <div class="content-body">
                <div id="page-content">
                    <p>本系统是为了方便浪潮锦州项目在扩展要素上报和数据直达上传等方面的工作，仅限于锦州地区使用，并非官方系统。</p>
                    <p>本系统需配合浪潮502共享平台使用，并且共享平台数据库为MySQL。</p>
                    <div
                        style="margin-top: 30px; padding: 20px; background-color: #f8f9fa; border-left: 4px solid #1a5a94;">
                        <h3>系统功能说明</h3>
                        <ul style="margin-left: 20px; margin-top: 10px;">
                            <li>
                                <h4>扩展要素上报管理</h4>
                                <ul style="margin-left: 20px; margin-top: 10px;">
                                    <li>
                                        <h4>认领目录列表：</h4>
                                        列表为共享平台上已经认领的目录，需要在委办局填写完扩展要素之后进行统一上报，包括上传所有目录和按委办局上报功能。
                                    </li>
                                    <li>
                                        <h4>上报目录列表：</h4>
                                        列表为已经上报到省平台的目录列表，可以通过这个列表对上报的目录项进行更新或者重新上报。<br />
                                        <span
                                            style="color: firebrick;">更新目录信息：</span>在省平台抽取数据之前，发现目录项有需要修改的字段，可以使用更新目录信息，更新目录信息时批次号不变；<br />
                                        <span
                                            style="color: firebrick;">重新上报目录：</span>省平台抽取数据之后有错误，可以修改目录错误项，再使用重新上报功能再次上报，上报之后生成一个新的批次号。
                                    </li>
                                </ul>
                            </li>
                            <br />
                            <li>
                                <h4>数据直达管理</h4>
                                <ul style="margin-left: 20px; margin-top: 10px;">
                                    <li>
                                        <h4>系统直达列表：</h4>
                                    </li>
                                    <li>
                                        <h4>目录直达列表：</h4>
                                    </li>
                                    <li>
                                        <h4>库表直达列表：</h4>
                                    </li>
                                    <li>
                                        <h4>文件直达列表：</h4>
                                    </li>
                                    <li>
                                        <h4>接口直达列表：</h4>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
    </div>
</body>

</html>